<template>
  <div class="grand-child">
      <h2>孙子组件</h2>
      <h3>a:{{ a }}</h3>
      <h3>b:{{ b }}；x:{{ x }}</h3>
      <button @click="getToy(toy)">发送玩具</button>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
defineProps(['a','b','c','d','x','y','z','getToy'])

let toy=ref('孙子玩具 ')
</script>

<style scoped>
.grand-child {
  padding: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: rgb(172, 40, 184);
  border-radius: 10px;
}
</style>